<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .page {
            height: 1010px;
            width: 100%;
            position: relative;
        }

        /*头部共用*/
        .share {
            width: 100%;
            margin-top: 15px;
        }

        .share > img {
            width: 20%;
            margin-left: 9%;
        }

        .share .share-right {
            width: 30%;
            float: right;
            margin-right: 9%;
            margin-top: 4%;
            text-align: right;
            font-size: 24px;
            color: #666666;
            font-weight: 600;
        }

        .hr {
            width: 82%;
            height: 0px;
            background: #555555;
            margin: 15px auto;
        }

        .top2table {
            width: 82%;
            height: 30px;
            margin: 0px auto;
            font-size: 16px;
            color: #444444;
        }

        .ticon {
            width: 20px;
            display: inline-block;
            vertical-align: middle;
        }

        .tt {
            display: inline-block;
        }
    </style>
</head>
<body>
<div class="page">
    <div class="share">
        <img th:src="@{/img/template/2/background/logo.png}" src="img/template/2/background/logo.png" alt="儿童能力发展水平测评分析报告"/>
        <div class="share-right"><span>[[${reportTableDTO.chileName}]]</span>的测评报告</div>
        <hr class="hr"/>
        <table class="top2table">
            <tbody>
            <tr>
                <td class="right">性别：</td>
                <td class="left">[[${reportTableDTO.childSex}]]</td>
                <td class="right">出生年月：</td>
                <td class="left">[[${reportTableDTO.childBirthday}]]</td>
                <td class="right">测评人：</td>
                <td class="left">[[${reportTableDTO.teacherName}]]</td>
                <td class="right">测评时间：</td>
                <td class="left">[[${reportTableDTO.evaluateTime}]]</td>
            </tr>
            </tbody>
        </table>
        <br/>
        <table border="1" style="border-collapse: collapse;width: 82%;margin: 0 auto;text-align: center;">
            <tr>
                <th>测评项目</th>
                <th>测评结果</th>
                <th>测评分数</th>
                <th>得分</th>
                <th>能力水平</th>
            </tr>
            <tr>
                <td rowspan="3">
                    <img class="ticon" th:src="@{/img/template/2/icon/table/p3_icon3.png}" src="img/template/2/icon/table/p3_icon3.png"/>
                    <p class="tt">感知觉</p>
                </td>
                <td>视觉</td>
                <td>[[${reportTableDTO.reportTableEvaluateDTO.evaluateScore1}]]</td>
                <td rowspan="3">[[${reportTableDTO.reportTableProjectDTO.projectChildScore1}]]</td>
                <td rowspan="3">[[${reportTableDTO.reportTableProjectDTO.remark1}]]</td>
            </tr>
            <tr>
                <td>触觉</td>
                <td>[[${reportTableDTO.reportTableEvaluateDTO.evaluateScore2}]]</td>
            </tr>
            <tr>
                <td>协调能力</td>
                <td>[[${reportTableDTO.reportTableEvaluateDTO.evaluateScore3}]]</td>
            </tr>
            <tr>
                <td rowspan="2">
                    <img class="ticon" th:src="@{/img/template/2/icon/table/p3_icon4.png}" src="img/template/2/icon/table/p3_icon4.png"/>
                    <p class="tt">运动</p>
                </td>
                <td>粗大运动</td>
                <td>[[${reportTableDTO.reportTableEvaluateDTO.evaluateScore4}]]</td>
                <td rowspan="2">[[${reportTableDTO.reportTableProjectDTO.projectChildScore2}]]</td>
                <td rowspan="2">[[${reportTableDTO.reportTableProjectDTO.remark2}]]</td>
            </tr>
            <tr>
                <td>精细动作</td>
                <td>[[${reportTableDTO.reportTableEvaluateDTO.evaluateScore5}]]</td>
            </tr>
            <tr>
                <td>
                    <img class="ticon" th:src="@{/img/template/2/icon/table/p3_icon2.png}" src="img/template/2/icon/table/p3_icon2.png"/>
                    <p class="tt">语言</p>
                </td>
                <td>表达与沟通</td>
                <td>[[${reportTableDTO.reportTableEvaluateDTO.evaluateScore6}]]</td>
                <td>[[${reportTableDTO.reportTableProjectDTO.projectChildScore4}]]</td>
                <td>[[${reportTableDTO.reportTableProjectDTO.remark4}]]</td>
            </tr>
            <tr>
                <td rowspan="5">
                    <img class="ticon" th:src="@{/img/template/2/icon/table/p3_icon8.png}" src="img/template/2/icon/table/p3_icon8.png"/>
                    <p class="tt">口肌与构音</p>
                </td>
                <td>咬合</td>
                <td>[[${reportTableDTO.reportTableEvaluateDTO.evaluateScore14}]]</td>
                <td rowspan="5">[[${reportTableDTO.reportTableProjectDTO.projectChildScore5}]]</td>
                <td rowspan="5">[[${reportTableDTO.reportTableProjectDTO.remark5}]]</td>
            </tr>
            <tr>
                <td>气流控制</td>
                <td>[[${reportTableDTO.reportTableEvaluateDTO.evaluateScore15}]]</td>
            </tr>
            <tr>
                <td>唇部</td>
                <td>[[${reportTableDTO.reportTableEvaluateDTO.evaluateScore16}]]</td>
            </tr>
            <tr>
                <td>唇齿</td>
                <td>[[${reportTableDTO.reportTableEvaluateDTO.evaluateScore17}]]</td>
            </tr>
            <tr>
                <td>舌</td>
                <td>[[${reportTableDTO.reportTableEvaluateDTO.evaluateScore18}]]</td>
            </tr>
            <tr>
                <td>
                    <img class="ticon" th:src="@{/img/template/2/icon/table/p3_icon3.png}" src="img/template/2/icon/table/p3_icon3.png"/>
                    <p class="tt">认知</p>
                </td>
                <td>知识与技能</td>
                <td>[[${reportTableDTO.reportTableEvaluateDTO.evaluateScore8}]]</td>
                <td>[[${reportTableDTO.reportTableProjectDTO.projectChildScore3}]]</td>
                <td>[[${reportTableDTO.reportTableProjectDTO.remark3}]]</td>
            </tr>
            <tr>
                <td>
                    <img class="ticon" th:src="@{/img/template/2/icon/table/p3_icon5.png}" src="img/template/2/icon/table/p3_icon5.png"/>
                    <p class="tt">社交</p>
                </td>
                <td>社会性互动</td>
                <td>[[${reportTableDTO.reportTableEvaluateDTO.evaluateScore9}]]</td>
                <td>[[${reportTableDTO.reportTableProjectDTO.projectChildScore6}]]</td>
                <td>[[${reportTableDTO.reportTableProjectDTO.remark6}]]</td>
            </tr>
            <tr>
                <td rowspan="5">
                    <img class="ticon" th:src="@{/img/template/2/icon/table/p3_icon6.png}" src="img/template/2/icon/table/p3_icon6.png"/>
                    <p class="tt">情绪</p>
                </td>
                <td>情绪状态</td>
                <td>[[${reportTableDTO.reportTableEvaluateDTO.evaluateScore10}]]</td>
                <td rowspan="5">[[${reportTableDTO.reportTableProjectDTO.projectChildScore7}]]</td>
                <td rowspan="5">[[${reportTableDTO.reportTableProjectDTO.remark7}]]</td>
            </tr>
            <tr>
                <td>情绪感知</td>
                <td>[[${reportTableDTO.reportTableEvaluateDTO.evaluateScore19}]]</td>
            </tr>
            <tr>
                <td>情绪理解</td>
                <td>[[${reportTableDTO.reportTableEvaluateDTO.evaluateScore20}]]</td>
            </tr>
            <tr>
                <td>情绪表达</td>
                <td>[[${reportTableDTO.reportTableEvaluateDTO.evaluateScore21}]]</td>
            </tr>
            <tr>
                <td>情绪管理</td>
                <td>[[${reportTableDTO.reportTableEvaluateDTO.evaluateScore22}]]</td>
            </tr>
            <tr>
                <td rowspan="6">
                    <img class="ticon" th:src="@{/img/template/2/icon/table/p3_icon7.png}" src="img/template/2/icon/table/p3_icon7.png"/>
                    <p class="tt">行为</p>
                </td>
                <td>退缩行为</td>
                <td>[[${reportTableDTO.reportTableEvaluateDTO.evaluateScore23}]]</td>
                <td rowspan="6">[[${reportTableDTO.reportTableProjectDTO.projectChildScore8}]]</td>
                <td rowspan="6">[[${reportTableDTO.reportTableProjectDTO.remark8}]]</td>
            </tr>
            <tr>
                <td>自伤攻击行为</td>
                <td>[[${reportTableDTO.reportTableEvaluateDTO.evaluateScore24}]]</td>
            </tr>
            <tr>
                <td>自我刺激行为</td>
                <td>[[${reportTableDTO.reportTableEvaluateDTO.evaluateScore25}]]</td>
            </tr>
            <tr>
                <td>刻板行为</td>
                <td>[[${reportTableDTO.reportTableEvaluateDTO.evaluateScore26}]]</td>
            </tr>
            <tr>
                <td>多动行为</td>
                <td>[[${reportTableDTO.reportTableEvaluateDTO.evaluateScore27}]]</td>
            </tr>
            <tr>
                <td>适应性行为</td>
                <td>[[${reportTableDTO.reportTableEvaluateDTO.evaluateScore28}]]</td>
            </tr>
        </table>
    </div>
</div>
</body>
</html>